<template>
  <div id="data-view">
    <dv-full-screen-container>
      <div class="main-header">
       <!-- <dv-border-box-2 style="width: 400px; display: flex; align-items: center; justify-content: center;">
  <div style="margin-left:15px;margin-top:6px;font-size: 24px;">
    负责人姓名：{{form.firstName}}
    <br>
    学院：{{form.firstCollege}}
  </div>
        </dv-border-box-2>-->

        <div class="mh-left"></div>
        <div class="mh-middle">创新创业成果详细数据</div>



        <div class="mh-right">


        </div>


      </div>
<br><br><br>

      <scroll-board/>




    </dv-full-screen-container>
  </div>
</template>

<script>
/*
import LeftChart1 from './LeftChart1'
import LeftChart2 from './LeftChart2'
import LeftChart3 from './LeftChart3'
import waterLevelChart from './waterLevelChart'
import CenterCmp from './CenterCmp'
import scrollBoard from './scrollBoard'
import RightChart1 from './RightChart1'
import RightChart2 from './RightChart2'

import BottomCharts from './BottomCharts'
*/
import scrollBoard from './scrollBoard'
import {  getView,listAchievement2} from "@/api/module/cjl/achievement";
export default {
  name: 'DataView',
  components: {
    scrollBoard
  },

  data () {
    return {

      form:{},



    }
  },
  created() {

    const userId = this.$route.query.userId;

    if (userId) {
      // 获取表详细信息
      getView(userId).then(res => {
        this.form=res.data
        const collegeMapping = {
          '001': '文学院',
          '002': '马克思主义学院',
          '003': '法学院',
          '004': '历史文化学院',
          '005': '物理科学与技术学院',
          '006': '数学科学学院',
          '007': '化学与材料工程学院',
          '008': '食品科学与工程学院',
          '009': '信息科学与技术学院',
          '010': '控制科学与工程学院',
          '011': '经济学院',
          '012': '管理学院',
          '013': '旅游学院',
          '014': '外国语学院',
          '015': '教育科学学院',
          '016': '体育学院',
          '017': '美术学院',
          '018': '音乐学院',
          '019': '新闻与传播学院',
          '020': '航运学院',
          '021': '大学外语教研部',
          '022': '师范学院',
          '023': '创新创业学院',
          '024': '继续教育学院',
          '025': '附属高级中学',
          '026': '国际教育学院'
        };
        const collegeCode = this.form.firstCollege;
        this.form.firstCollege = collegeMapping[collegeCode];

      });
    }

  }

}
</script>

<style lang="less" scoped>
#data-view {
  width: 100%;
  height: 100%;
  background-color: #030409;
  color: #fff;

  #dv-full-screen-container {
    background-image: url('./bg.png');
    background-size: 100% 100%;
    box-shadow: 0 0 3px blue;
    display: flex;
    flex-direction: column;
  }

  .main-header {
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    .mh-left {
      font-size: 20px;
      color: rgb(1,134,187);

      a:visited {
        color: rgb(1,134,187);
      }
    }

    .mh-middle {
      margin-top: 50px;
     /* margin-left: -550px;*/
      font-size: 30px;
    }

    .mh-left, .mh-right {
      width: 450px;
    }
  }

  .main-container {
    height: 80%;
    margin-left: -5px;
    .border-box-content {
      padding: 20px;
      box-sizing: border-box;
      display: flex;
    }
  }

  .left-chart-container {
    width: 22%;
    padding: 10px;
    box-sizing: border-box;
height: 98%;
    .border-box-content {
      flex-direction: column;
    }
  }

  .right-main-container {
    width: 78%;
    padding-left: 5px;
    box-sizing: border-box;
  }

  .rmc-top-container {
    height: 65%;
    display: flex;
  }

  .rmctc-left-container {
    width: 65%;
  }

  .rmctc-right-container {
    width: 35%;
  }

  .rmc-bottom-container {
    height: 32%;
    width: 100%;
  }

  .rmctc-chart-1, .rmctc-chart-2 {
    height: 50%;
  }
}
</style>
